<template>
	<el-menu default-active="2" class="el-menu-vertical-demo" :unique-opened="true" background-color="#336633" text-color="#fff" active-text-color="#ffd04b" router>
		<el-submenu v-for="menu in menus"  :index="menu.id+''">
      <template slot="title">
        <span>{{menu.name}}</span>
      </template>
      <ChilrenMenu v-for="item in menu.children" :menu="item"></ChilrenMenu>
    </el-submenu>

		<!-- <el-submenu index="1">
			<template slot="title">
				<span>客户管理</span>
			</template>
			<el-menu-item index="/checkin">入住登记</el-menu-item>
			<el-menu-item index="/clientinformation">客户信息</el-menu-item>
			<el-menu-item index="/liveregistration">退住登记</el-menu-item>
			<el-menu-item index="/gotoregister">外出登记</el-menu-item>
		</el-submenu>

		<el-submenu index="2">
			<template slot="title">
				<span>床位管理</span>
			</template>
			<el-menu-item index="/diagramofbed">床位示意图</el-menu-item>
			<el-menu-item index="/bedmanagement">床位管理</el-menu-item>
		</el-submenu>

		<el-submenu index="3">
			<template slot="title">
				<span>膳食管理</span>
			</template>
			<el-menu-item index="/calendar">膳食日历</el-menu-item>
			<el-menu-item index="/management">膳食管理</el-menu-item>
		</el-submenu>
		<el-submenu index="4">
			<template slot="title">
				<span>护理管理</span>
			</template>
			<el-menu-item index="/nurselevel">护理级别</el-menu-item>
			<el-menu-item index="/nursecontent">护理内容</el-menu-item>
			<el-menu-item index="/nurserecord">护理记录</el-menu-item>
		</el-submenu>
		<el-submenu index="5">
			<template slot="title">
				<span>健康管家</span>
			</template>
			<el-menu-item index="/servicehouse">设置服务对象</el-menu-item>
			<el-menu-item index="/serviceattention">服务关注</el-menu-item>
		</el-submenu>
		<el-submenu index="6">
			<template slot="title">
				<span>系统管理</span>
			</template>
			<el-menu-item index="/databasemaintenance">基础数据库维护</el-menu-item>
			<el-menu-item index="/staff">工作人员管理</el-menu-item>
			<el-menu-item index="/role">角色管理</el-menu-item>
			<el-menu-item index="/permission">权限管理</el-menu-item>
			<el-menu-item index="/user">用户管理</el-menu-item>
		</el-submenu> -->
	</el-menu>
</template>

<script>
	import axios from '../utils/axiosutils.js'
import ChilrenMenu from '@/components/childrenMenu'
export default {
	name: 'WyMenu',
	components: {
		ChilrenMenu
	},
	data() {
		return {
			menus: []
		};
	},
	created() {
		axios.post(
			'/permission/userPermissionList',
			response => {
				 this.menus = response.obj;
			},
			{}
		);
	}
};
</script>

<style scoped>

	
	
</style>
